<template>
    <h2>当前求和为零:{{sum}}</h2>
    <button @click="sum++">点我加1</button>
    <hr>
    <h2>当前点击时 鼠标的坐标为:x: {{point.x}},y: {{point.y}}</h2>
</template>

<script>
    import {ref} from "vue"
    import usePoint from "../hooks/usePoint"
    
export default {
    name:"Demo",
    setup(){
        
        //数据
        let sum = ref(0);
        let point = usePoint();

        //返回一个对象(常用)
        return{
            sum,
            point,
        }
    },

}
</script>


